<template>
  <div class="index">
    <!--nav-->
      <div>
        <Nav></Nav>
      </div>
    <!--content-->
      <div class="main-wrapper">
        <router-view/>
      </div>
    <!--footer-->
      <div>
        <Footer></Footer>
      </div>
  </div>
</template>

<script>
  import Nav from "../components/Nav";
  import Footer from "../components/Footer";
    export default {
      name: "index",
      data(){
        return{

        }
      },
      components:{
        Nav,
        Footer
      },
      methods:{

      },
      mounted() {

      }

    }
</script>

<style scoped>
  .main-wrapper {
    width: 1300px;
    height: 1800px;
    margin: 0 auto;
    margin-top: 50px;
    padding-bottom: 53px;
    background-color: white;
  }
</style>
